<%@ page language="java" contentType="text/html"  pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
  <title>仿站-仿站小工具-仿站在线工具</title> 
  <meta name="keywords" content="仿站,仿站小工具,仿站在线工具"> 
  <meta name="description" content="仿站小工具是通过网址下载静态网页的工具。从输入的网址下载html代码，提取出JS、Css、Image、Picture、Flash等静态文件网址，再从下载完好的Css代码中提取出Image静态文件网址，通过网址下载静态文件，根据软件设置好的保存规则，自动修正html和css代码链接路径，最终这些静态文件被按分类保存到电脑文件夹。"> 
  <meta name="author" content="老成科技 - http://www.lcfms.cn"> 
  <link rel="bookmark" href="/favicon.ico"> 
  <link rel="shortcut icon" href="/favicon.ico"> 
  <link rel="stylesheet" href="${APP}statics/tag/css/font-awesome.css"/>	
  <style>
  	a{color: #666;}
  	.box{padding:50px 15px 15px 15px;background:#f5f5f5;}
  	.box>.row{padding:15px 0;width:1000px;margin:auto;}
  	.box h2{font-size: 31.5px;text-align: center;font-weight: normal;}
    .box .hy{text-align: center;font-size: 20px;line-height: 20px;margin-top:5px;}
  	.topA{padding:15px 0;text-align:center;}
  	.topA>a{margin-left:15px;font-size:15px;}
  	.box>.fz{width:1000px;margin:auto;background:#fff;padding:15px 0;text-align:center;height: 650px;margin-bottom: 60px;}
  	.box>.fz .bt1{font-size:20px;}
  	.form-control{margin:30px 0;position:relative;}
  	.form-control input,.form-control textarea{padding: 3px 5px;font-size: 20px;width: 600px;}
  	.ts{position:absolute;left:250px;top:35px;}
  	p.ts{text-align:left;width: 600px;margin:5px 0;}
  	textarea~.ts{top:125px;}
  	.ts>a{text-decoration: underline;}
  </style>
 </head> 
<body>
<div class="box">
	<div class="row">   
		<div class="hy">
		欢迎使用老成FMS (${VERSION}正式版)，交流群：348455534
		</div>
	</div>
	<div class="row"> 
	    <div class="topA">
		<a href="${APP}admin" target="_blank"><i class="fa fa-home"></i> 后台入口</a>
		<a href="${APP}admin/tag/init" target="_blank"><i class="fa fa-gamepad"></i> UI在线生成器请点击这里</a>
		<a href="https://gitee.com/lcfms/lcfms/" target="_blank"><i class="fa fa-download"></i> 源码下载请点击这里</a>		
		<a href="https://www.kancloud.cn/cheng1shao2yong/lcfms-5-2" target="_blank"><i class="fa fa-book"></i> 文档阅读请点击这里</a>
		</div>
	</div>
	<div class="fz">   
		<h2>lcfms仿站工具</h2>
		<form name="myform">
			<div class="form-control"><span class="bt1">页面地址：</span><input type="text" name="url" value=""/><span class="ts">必须以http://或https://打头</span></div>
			<div class="form-control"><span class="bt1">页面编码：</span><input type="text" name="charset" value="utf-8"/></div>
			<div class="form-control"><span class="bt1">模板名称：</span><input type="text" name="filename" value="index"/></div>
			<div class="form-control"><span class="bt1">额外图片：</span><input type="text" name="extra" value="div[data-src],img[data-src]"/><p class="ts">网页中，有些图片并不是使用的&lt;img src=&quot;图片链接&quot;/&gt;标签，比如&lt;div data-src=&quot;图片链接&quot;&gt;...&lt;/div&gt;，如果需要获取这些图片，可以在额外图片中填写div[data-src]，即可下载该图片，多个标签用英文逗号隔开。<a target="_blank" href="https://www.kancloud.cn/cheng1shao2yong/lcfms-5-2/863512">点击查看更多教程</a></p></div>
			<div class="form-control" style="margin-top:90px;"><span class="bt1">&nbsp;&nbsp;&nbsp;&nbsp;cookie：</span><textarea name="cookie" rows="5"></textarea><span class="ts">访问需要登陆的页面，填写cookie</span></div>		
			<div class="form-control"><span class="bt1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><input type="button" value="提交" onclick="showlayer();"/><span class="ts">友情提示：文件不完整，可能是网络阻塞，可以通过多次提交来解决</span></div>			
		</form>
	</div>
</div>
<script src="${APP}statics/tag/js/jquery-3.2.1.min.js"></script>
<script src="${APP}statics/layer/layer.js"></script>
<script>
function showlayer(){
	var url=document.myform.url.value;
	if(url==""){
		alert("url不能为空");
		return false;
	}
	layer.open({
	    type: 2,
	    title: "仿站进程",
	    maxmin: true,
	    shadeClose: true, //点击遮罩关闭层
	    area : ['800px' , '400px'],
	    content: "${APP}index/lcfms/fz",
	    success: function(res){ 
	    	$.post('${APP}index/lcfms/postfz', {
	    		url:document.myform.url.value,
	    		charset:document.myform.charset.value,
	    		extra:document.myform.extra.value,
	    		filename:document.myform.filename.value,
	    		cookie:document.myform.cookie.value
	    	}, function(str){
	    		
	    	});	
	    }
	});
}
</script>
</body>
</html>					